<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="type" content="guides2"/>
<meta name="account" content="false"/><meta name="viewport" content="width=device-width"/>
<title>CNBlockly - 教程 - 3 - BlockFactory基础教程</title>
<link rel="stylesheet" href="../css/mdui.min.css">
<link rel="stylesheet" href="../css/style.css">
<script src="../js/mdui.min.js"></script><script src="../js/account.js"></script>
</head>
<body class="mdui-bottom-nav-fixed">
<div class="mdui-toolbar mdui-color-indigo">
  <a href="../guides.html" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">arrow_back</i></a>
  <span class="mdui-typo-title">Blockly教程 - 3 - BlockFactory基础教程</span>
</div>
<div class="mdui-card">
  <div class="mdui-card-header">
	<img class="mdui-card-header-avatar" scr="https://ws1.sinaimg.cn/large/ebc3e24aly1fk46infk3gj208c08ct8z.jpg">
    <div class="mdui-card-header-title">Blockly教学手册</div>
    <div class="mdui-card-header-subtitle">by starkersawz666</div>
  </div>
      <div class="mdui-card-primary">
        <div class="mdui-card-primary-title">BlockFactory基础教程</div>
		<div class="mdui-card-content mdui-typo">1、什么是blockfactory</br>经过blockly的使用后，大家应该也发现了：为什么BU某IN有这么多mc的积木，我们却没有？这是因为blockly是开源的，保留了开发者工具，让我们能制作自己的积木。用blockfactory，让我们成为下一代开发者！</br>2、开发自己的积木</br>打开本地部署的demos/blockfactory/index.html 或者进入www.cnblockly.top的积木工厂页面即可打开工具。进入之后可以看到：最顶上有三栏，在这里我们先用第一栏。下面又分为了三部分：积木拼接区、预览区、代码区。</br>首先我们要做的是积木外形。积木拼接区的菜单栏有4项，在积木区有一个大大的原谅色积木，这上面又一个输入栏，是积木的名称，命名格式：分类_作用 。每个积木名字都是独一无二的。在这块积木下面，也有几个选项。进入我们的汉化网站就很好理解，这些是积木属性，各对应左边菜单栏的积木。</br>重点在于积木外形。打开左边菜单栏的第一项可以看到三块负责输入形式的积木：值输入、语句输入、无输入，分别对应三种形式。这三块积木可以直接放到绿色积木内部。在蓝色积木里又可以放入菜单栏第二项中的积木，可以使玩家进行不同输入，形式可以在预览区查看，大家可以自己尝试。</br>做完了积木，点击上方的save按钮即可保存在本地。大家是不是特别自豪？但是！还不可以进入使用。接入主程序的教程将会在高级教程中学习。初级教程第四章将会有实战积木开发案例。</br>3、制作自己的菜单栏</br>做好了积木，但是有些功能是不同于现在任何一种分类的。这时候我们就需要开发一个新的菜单栏了。</br>进入blockfactory上面大选项栏的第三个workspace，这就是工作区开发页面。左边我们可以看到目前的工作区，但是这不是最终成果。我们现在就来开发个性化的菜单栏。</br>屏幕中间，有一堆按钮，我们按下“+”按钮，可以看到四个选择：第一个是添加一个新类别，第二个是标准类别，即已有的类别，第三个是添加分离器，即分开两个大类，第四个是把整个默认工具箱添加进去。</br>加入了某类别之后，“-”按钮可以去掉选中的分类，“↑↓”按钮可以将某一个部件调整位置。直至把你想要的形式整理好，就是一个完整的菜单栏了。但是！还不能投入使用，且不能直接保存，真正的使用在高级教程中会学习到。</br></div>
		<div class="mdui-card-actions">
        <a class="mdui-btn mdui-ripple mdui-ripple-white" href="../guides.html">返回</a>
		<a class="mdui-btn mdui-ripple mdui-ripple-white" href="blockly-4.html">下一章</a>
		</div>
      </div>
	  </div>
  </div>
</div>
</br>
<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=100 src="../copyright.html" frameborder=0></iframe>
<div id="nav"></div>
</body>
</html>